 /**
 * v-hasPermi 操作权限处理
 * 
 * 在Vue 3中，mounted钩子函数的三个参数类型定义如下：

    el: HTMLElement：绑定的DOM元素。注意，这可能是任何元素，所以也可以是SVGElement等，但通常我们使用HTMLElement。
    binding: DirectiveBinding：一个包含指令相关信息的对象，类型为DirectiveBinding（从vue导入）。
    vnode: VNode：当前绑定的虚拟节点，类型为VNode（从vue导入）。
 * Copyright (c) 2019 ruoyi
 */
import useUserStore from '@/store/userStore.ts'
import type { Directive, DirectiveBinding ,VNode } from 'vue';
export default {
  mounted(el: HTMLElement, binding: DirectiveBinding, vnode: VNode) {
    const { value } = binding
    const all_permission = "*:*:*"
    const permissions = useUserStore().permissions

    if (value && value instanceof Array && value.length > 0) {
      const permissionFlag = value

      const hasPermissions = permissions.some(permission => {
        return all_permission === permission || permissionFlag.includes(permission)
      })

      if (!hasPermissions) {
        el.parentNode && el.parentNode.removeChild(el)
      }
    } else {
      throw new Error(`请设置操作权限标签值`)
    }
  }
}
